<?php
@session_start();
if (!isset($_SESSION['user'])) {
	require('login.php');
	exit();
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<title>Zibro Chat Room Concept Page</title>

		<link rel="stylesheet" type="text/css" media="screen" href="css/page.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="js/libs/jScrollPane/jScrollPane.css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
		<script src="js/libs/jScrollPane/jScrollPane.min.js" type="text/javascript"></script>
		<script src="js/libs/jScrollPane/jquery.mousewheel.js" type="text/javascript"></script>
		<script src="js/chat.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="topbar">
			<div id="topbar-outer">
				<div id="topbar-bg">  </div>
				<img id="topbar-logo" src="img/wormhole-logo.png" />
				<div id="topbar-user" class="topbar-item"></div>
			</div>
		</div>
	<div id="page-container" class="rounded">

			<div id="center-column">
				<div id="chat-wrap" class="shadow">
					<div id="chat-column1">
					</div>
					<div id="chat-column2">
					</div>
				</div>
				<div style="height:5%;" class="tri">
				</div>
				<div id="send-wrap" class="shadow">
					<form id="send-message-area" method="post" action="">
						<textarea id="sendie" name="sendie"></textarea>
						<!--<input type="submit"></input>-->
					</form>
				</div>
			</div>
			<div id="right-column">
				<div id="user-list1" class="shadow">
				</div>
			</div>

		</div>
		<button id="test" type="button">Next Page</button>
		<button id="test2" type="button">Click2</button>
		
					<li><a href="#chat-log" name="modal">Show log</a></li>	
		<div id="chat-log" class="window">
			Chat Log | <a href="#" class="close"/>Close it</a>
		</div>
		<!-- Mask to cover the whole screen -->
		<div id="mask"></div>
	</body>
</html>